<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>
    <h3>字符串操作</h3>


    <script>
        // hello world!  字符串
        // 0123456789    下标
        // 定义字符串
        var str = "hello world!";

        // 学习API 【调用者，参数，返回值，功能】

        // slice()
        // 参数：索引值（从那个下标开始截取文本）; 注意，数值为负数时，是倒数截取文本.从末端开始数
        // 参数：开始索引值，结束索引值 
        // 符合开始的索引值要小于结束的索引值（ start < end ） ,包左不包右
        console.log(str.slice(1));// ello world!
        console.log(str.slice(-2));// d!
        console.log(str.slice(2,4));// ll
        console.log(str.slice(2,5));// llo
        console.log(str.slice(12)); // 没有截取文本（超出索引值范围）
        console.log(str.slice(-2,-1));// d

        console.log("--------");
        // substring()
        // 参数：索引值（从那个下标开始截取文本）， 没有负数
        // 参数：开始索引值，结束索引值
        console.log(str.substring(1));// ello world!
        console.log(str.substring(-1));// hello world!
        console.log(str.substring(0,2));// he
        console.log(str.substring(0,3));// hel
        console.log(str.substring(8,10));// rl
        console.log("--------");
        // substr()
        // 参数：索引值（从那个下标开始截取文本），参数为负数时，从倒数开始截取字符文本
        // 参数：开始索引值，截取字符串的长度
        console.log(str.substr(1));//  ello world!
        console.log(str.substr(-1));// !
        console.log(str.substr(6,5));// world
        console.log(str.substr(0,5));// hello

        // 返回值： 返回根据参数截取的字符串文本
        // 功能：截取字符串



        // 示例：
        // 高价回收手机！（跑马灯的文本）
            // 把第一个字符截取出来，记录start
            // 把除了第一个字符的文本，记录 end 
            // 然后进行拼接  end + start
    
            // 价回收手机！高
            // 回收手机！高价
            // 收手机！高价回
            // 手机！高价回收
            
            // console.log(str.slice(1));
            // console.log(str.slice(1,2));
            // console.log(str.slice(-2));
            // console.log(str.slice(12));
            // console.log(str.slice(-3,-1));

            // console.log(str.substring(1));
            // console.log(str.substring(2,5));
            // console.log(str.substring(-1));

            // console.log(str.substr(1));
            // console.log(str.substr(-1));
            // console.log(str.substr(6,5));
    </script>
</body>
</html>